﻿<!DOCTYPE html>
<html>
	<head>
		<title>NGRNetwork</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="img/favicon.png">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="style/bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="style/icon.css">
		<link rel="stylesheet" href="style/loader.css">
		<link rel="stylesheet" href="style/idangerous.swiper.css">
		<link rel="stylesheet" href="style/stylesheet.css">
		<!--[if lt IE 10]>
			<link rel="stylesheet" type="text/css" href="style/ie-9.css" />
		<![endif]-->		
		<!--[if lt IE 9]>
		    <script src="script/html5shiv/3.7.2/html5shiv.min.js"></script>
		    <script src="script/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->
	    
	</head>
	<body>

	<!-- THE LOADER -->

	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header>
		<div class="container-fluid custom-container">
			<div class="row no_row row-header">
				<div class="brand-be">
					<a href="index.html"><img src="img/logo.png" alt="logo" class="be_logo">
					</a>
				</div>
				<div class="header-menu-block">
					<button class="cmn-toggle-switch cmn-toggle-switch__htx"><span></span></button>
					<ul class="header-menu" id="one">
						<li><a href="search.html">Find Projects</a><i class="fa fa-angle-down"></i>
							<ul>
								<li>
									<a href="activity.html">ACTIVITY</a>
									<i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i>
									<ul>
										<li><a href="page1.html">PAGE 1</a></li>
										<li><a href="page2.html">PAGE 2</a></li>
										<li><a href="page3.html">PAGE 3</a></li>
									</ul>
								</li>
								<li><a href="search.html">SEARCH</a></li>
							</ul>
						</li>
						<li><a href="activity.html">Jobs</a></li>
						<li><a href="search.html">Find Candidates</a><i class="fa fa-angle-down"></i>
							<ul>
								<li><a href="author-edit.html">AUTHOR EDIT</a></li>
								<li><a href="author-login.html">AUTHOR LOGIN</a></li>
								<li><a href="messages.html">MESSAGES</a></li>
								<li><a href="messages-2.html">MESSAGES 2</a></li>
							</ul>
						</li>
						<li class="active-header"><a href="activity.html">Community</a><i class="fa fa-angle-down"></i>
						<ul>
							<li><a href="blog.html">BLOG</a></li>							
							<li><a href="blog-2.html">BLOG 2</a></li>						
							<li><a href="blog-3.html">BLOG 3</a></li>
							<li><a href="statictics.html">STATISTICS</a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="about-us.html">ABOUT US</a></li>
							<li><a href="contact-us.html">CONTACT US</a></li>
							<li><a href="shortcodes.html">SHORTCODES</a></li>
						</ul></li>
					</ul>
				</div>
				<div class="login-header-block">
					<div class="login_block">
						<a class="btn-login btn color-1 size-2 hover-2" href="blog-detail-2.html"><i class="fa fa-user"></i>
						Log in</a>
					</div>	
				</div>
			</div>
		</div>
	</header>
		
	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="container be-detail-container">
			<h2 class="content-title">Our Blog</h2>
			<div class="row">
				<div class="col-xs-12 col-sm-9 main-feild">
					<div class="blog-wrapper">

						<div class="blog-post be-large-post">
							<div class="info-block clearfix">
								<div class="be-large-post-align">
									<span><i class="fa fa-thumbs-o-up"></i> 253</span>
									<span><i class="fa fa-eye"></i> 753</span>
									<span><i class="fa fa-comment-o"></i> 50</span>
									<span class="be-text-tags">
										<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
										<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
										<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
									</span>										
								</div>
							</div>
							<div class="be-large-post-align">
								<a class="be-post-title" href="blog-detail-2.html">
									Fusce dolor libero, efficitur
								</a>

								<span class="be-text-tags clearfix">
									<div class="post-date">
										<i class="fa fa-clock-o"></i> April 23, 2015
									</div>
									<div class="author-post">
										<img src="img/a1.png" alt="" class="ava-author">
										<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
									</div>
								</span>
								<div class="clear"></div>
							</div>
							<a class="post-preview post-image" href="blog-detail-2.html"><img class="img-full" src="img/blog_8.jpg" alt=""></a>
							<div class="be-large-post-align">
								<div class="post-text ">Phasellus lacinia ipsum sapien, sed condimentum erat dignissim nec. Praesent suscipit neque risus, et vehicula libero elementum nec. Sed varius viverra purus, eu sagittis turpis fermentum in. Cras nec laoreet lectus, nec congue ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Ut gravida, turpis et tincidunt sagittis, sapien quam sagittis ante, in scelerisque enim nibh a lorem. Aenean consequat tortor eu erat accumsan aliquam.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail-2.html">Read more</a>
							</div>
						</div>

						<div class="blog-post be-large-post">
							<div class="info-block">
								<div class="be-large-post-align">
									<span><i class="fa fa-thumbs-o-up"></i> 253</span>
									<span><i class="fa fa-eye"></i> 753</span>
									<span><i class="fa fa-comment-o"></i> 50</span>

								<span class="be-text-tags">
									<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								</div>
							</div>
							<div class="be-large-post-align">
								<a class="be-post-title" href="blog-detail-2.html">
									Polygonal style
								</a>
								<span class="be-text-tags clearfix">
									<div class="post-date">
										<i class="fa fa-clock-o"></i> April 23, 2015
									</div>
									<div class="author-post">
										<img src="img/a1.png" alt="" class="ava-author">
										<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
									</div>
								</span>
								<div class="clear"></div>
							</div>
							<div class="post-preview be-large-post-slider">
								<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
					                <div class="swiper-wrapper">
				                    	<div class="swiper-slide active" data-val="0">
				                    		 <img class="img-responsive img-full" src="img/blog_5.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="1">
				                    		 <img class="img-responsive img-full" src="img/blog_4.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="2">
				                    		 <img class="img-responsive img-full" src="img/blog_5.jpg" alt="">
				                    	</div>
				                    </div>
					                <div class="pagination hidden"></div>
					                <div class="swiper-arrow-left"></div>
					                <div class="swiper-arrow-right"></div>
					            </div>
							</div>							
							<div class="be-large-post-align">
								<div class="post-text ">Donec consectetur diam tellus, et aliquet nulla scelerisque quis. Duis rhoncus nisi urna, eget commodo risus euismod eu. In volutpat ac nibh sit amet sodales. Cras nisi quam, facilisis in enim pulvinar, finibus ullamcorper lectus. Duis nibh quam, lobortis eget accumsan quis, malesuada id orci.  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean ut purus hendrerit, dapibus turpis vel, pharetra risus.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail-2.html">Read more</a>
							</div>
						</div>

						<div class="blog-post be-large-post">
							<div class="info-block">
								<div class="be-large-post-align">
									<span><i class="fa fa-thumbs-o-up"></i> 253</span>
									<span><i class="fa fa-eye"></i> 753</span>
									<span><i class="fa fa-comment-o"></i> 50</span>
								</div>
							</div>
							<div class="be-large-post-align">
								<a class="be-post-title" href="blog-detail-2.html">
									Some video post
								</a>

								<span class="be-text-tags">
									<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="clear"></div>
							</div>
							<div class="post-preview">
								<div class="post-preview embed-responsive embed-responsive-16by9">
									<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/125235739?portrait=0&badge=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								</div>
							</div>
							<div class="be-large-post-align">
								<div class="post-text ">Nam molestie, dolor non mattis accumsan, risus sapien accumsan purus, in euismod tellus lectus ac eros. Vestibulum tincidunt vestibulum nulla a semper. Aenean eu consequat sapien. Suspendisse potenti. Nunc placerat in orci eu suscipit. Fusce in lectus vitae lacus fermentum faucibus. Sed arcu velit, bibendum et felis a, pellentesque efficitur ipsum. Pellentesque iaculis vitae magna in tristique. Sed ligula lectus, finibus at semper nec, blandit eu tellus. Nulla condimentum finibus arcu a tristique.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail-2.html">Read more</a>
							</div>
						</div>

						<div class="blog-post be-large-post">
							<div class="info-block">
								<div class="be-large-post-align">
									<span><i class="fa fa-thumbs-o-up"></i> 253</span>
									<span><i class="fa fa-eye"></i> 753</span>
									<span><i class="fa fa-comment-o"></i> 50</span>
								</div>
							</div>
							<div class="be-large-post-align">
								<a class="be-post-title" href="blog-detail-2.html">
									Best ideas you can see here
								</a>

								<span class="be-text-tags">
									<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="clear"></div>
							</div>
							<div class="post-preview">
								<blockquote>
								  <p>Pellentesque consectetur, est vel efficitur posuere, neque dolor accumsan neque, ut semper ipsum magna nec dui. Ipsum.</p>
								  <footer><cite title="Kalen mcGregor">Hoang Nguyen</cite></footer>
								</blockquote>
							</div>
							<div class="be-large-post-align">
								<div class="post-text ">Morbi efficitur feugiat erat a efficitur. Donec interdum, nunc ac elementum auctor, dui nisl placerat odio, eget sagittis sem neque venenatis libero. Vestibulum pharetra sollicitudin urna nec eleifend. Suspendisse id augue ut nunc vestibulum euismod. Donec a libero ut lectus ullamcorper rhoncus vel quis erat.  Duis ornare rutrum consectetur. Proin tincidunt a ex blandit cursus. Suspendisse ultricies erat sit amet orci scelerisque</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail-2.html">Read more</a>
							</div>
						</div>

						<div class="blog-post be-large-post">
							<div class="info-block">
								<div class="be-large-post-align">
									<span><i class="fa fa-thumbs-o-up"></i> 253</span>
									<span><i class="fa fa-eye"></i> 753</span>
									<span><i class="fa fa-comment-o"></i> 50</span>
								</div>
							</div>
							<div class="be-large-post-align">
								<a class="be-post-title" href="blog-detail-2.html">
									Fusce dolor libero, efficitur
								</a>

								<span class="be-text-tags">
									<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>, 
									<a href="blog-detail-2.html" class="be-post-tag">UI/UX</a>,  
									<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>
								</span>
								<div class="clear"></div>
							</div>
							<div class="post-preview">
								<div class="swiper-container thumbnails-preview" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
					                <div class="swiper-wrapper">
				                    	<div class="swiper-slide active" data-val="0">
				                    		 <img class="img-responsive img-full" src="img/blog_6.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="1">
				                    		 <img class="img-responsive img-full" src="img/blog_7.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="2">
				                    		 <img class="img-responsive img-full" src="img/blog_8.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="3">
				                    		 <img class="img-responsive img-full" src="img/blog_4.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="4">
				                    		 <img class="img-responsive img-full" src="img/blog_7.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="5">
				                    		 <img class="img-responsive img-full" src="img/blog_6.jpg" alt="">
				                    	</div>
				                    </div>
					                <div class="pagination hidden"></div>
					            </div>
					            <div class="swiper-container thumbnails dark" data-autoplay="0" 
					            data-loop="0" data-speed="500" data-center="0" 
					            data-slides-per-view="responsive" data-xs-slides="3" 
					            data-sm-slides="3" data-md-slides="4" data-lg-slides="5" 
					            data-add-slides="6">
					                <div class="swiper-wrapper">
										<div class="swiper-slide current active" data-val="0">
											
											<img src="img/blog_6_s.jpg"alt="">
										</div>
										<div class="swiper-slide" data-val="1">
											<img src="img/blog_7_s.jpg" alt="">
										</div>
										<div class="swiper-slide" data-val="2">
											<img src="img/blog_8_s.jpg" alt="">
										</div>
										<div class="swiper-slide" data-val="3">
											<img src="img/blog_4_s.jpg" alt="">
										</div>
										<div class="swiper-slide" data-val="4">
											<img src="img/blog_7_s.jpg" alt="">
										</div>
										<div class="swiper-slide" data-val="5">
											<img src="img/blog_6_s.jpg" alt="">
										</div>
									</div>
									<div class="pagination hidden"></div>
								</div>					            
							</div>
							<div class="be-large-post-align">
								<div class="post-text ">Pellentesque consectetur, est vel efficitur posuere, neque dolor accumsan neque, ut semper ipsum magna nec dui. Ipsum.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail-2.html">Read more</a>
							</div>
						</div>																		

						<div class="pagination clearfix">
							<a class="btn color-4 hover-9 page-left" href="blog-detail-2.html">prev page</a>
							<a class="btn color-4 hover-9 page-right" href="blog-detail-2.html">next page</a>					
							<div class="pages">
								<a class="btn color-5 hover-9" href="blog-detail-2.html">1</a>
								<a class="btn color-5 hover-9" href="blog-detail-2.html">2</a>
								<a class="btn color-5 hover-9" href="blog-detail-2.html">3</a>
								<a class="btn color-5 hover-9" href="blog-detail-2.html">4</a>
								<a class="btn color-5 hover-9" href="blog-detail-2.html">...</a>
								<a class="btn color-5 hover-9" href="blog-detail-2.html">10</a>
							</div>

						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-3 left-feild">
					<form action="./" class="input-search">
						<input type="text" required placeholder="Enter keyword">
							<i class="fa fa-search"></i>
							<input type="submit" value="">
					</form>
					<div class="be-vidget">
						<h3 class="letf-menu-article">
							Categories
						</h3>
						<div class="creative_filds_block">
							<div class="ul numbered">
								<a href="blog-detail-2.html">Graphic Design		<span>151</span></a>
								<a href="blog-detail-2.html">Photography			<span>32</span></a>
								<a href="blog-detail-2.html">Interaction Design	<span>44</span></a>
								<a href="blog-detail-2.html">Art Direction		<span>24</span></a>
								<a href="blog-detail-2.html">Illustration		<span>751</span></a>
							</div>
						</div>
					</div>
					
					<div class="be-vidget">
						<h3 class="letf-menu-article">
							Popular Posts
						</h3>					
	                	<div class="be-post style-2">
							<a href="blog-detail-2.html" class="be-post-title">Arctic monkeys. Space adventures in the action</a>     	
							<a href="blog-detail-2.html"class="be-img-block">
								<img src="img/be_post_1.jpg" alt="omg">
							</a>
							<span>
								Pellentesque consectetur, est vel efficitur posuere, neque dolor accumsan
							</span>
						</div>
	                	<div class="be-post style-2">
							<a href="blog-detail-2.html" class="be-post-title">Cubism as art direction</a>     	
							<a href="blog-detail-2.html"class="be-img-block">
								<img src="img/be_post_2.jpg" alt="omg">
							</a>
							<span>
								Cras pellentesque blandit arcu eget laoreet. Nulla finibus non.
							</span>
						</div>
					</div>

					<div class="be-vidget">
						<h3 class="letf-menu-article">
							Tags
						</h3>
						<div class="tags_block clearfix">
							<ul>
								<li><a href="blog-detail-2.html">photoshop</a></li>
								<li><a href="blog-detail-2.html">graphic</a></li>
								<li><a href="blog-detail-2.html">art</a></li>
								<li><a href="blog-detail-2.html">website</a></li>
								<li><a href="blog-detail-2.html">logo</a></li>
								<li><a href="blog-detail-2.html">identity</a></li>
								<li><a href="blog-detail-2.html">logo design</a></li>
								<li><a href="blog-detail-2.html">interactive</a></li>
								<li><a href="blog-detail-2.html">blue</a></li>
								<li><a href="blog-detail-2.html">branding</a></li>
							</ul>
						</div>
					</div>					

					<h3 class="letf-menu-article">
						Slider widget
					</h3>						
					<div class="swiper-container" data-autoplay="5000" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
                        <div class="swiper-wrapper">
                            	<div class="swiper-slide">
	                            	<div class="be-post style-3">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/be_slider_1.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">Defence</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post style-3">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/be_slider_1.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">Defence</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post style-3">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/be_slider_1.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">Defence</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
									</div>
	                            </div>
	                            <div class="swiper-slide">
	                            	<div class="be-post style-3">
										<a href="blog-detail-2.html"class="be-img-block">
										<img src="img/be_slider_1.jpg" height="202" width="269" alt="omg">
										</a>
										<a href="blog-detail-2.html" class="be-post-title">Defence</a>
										<span>
											<a href="blog-detail-2.html" class="be-post-tag">Art direction</a>, 
											<a href="blog-detail-2.html" class="be-post-tag">Web Design</a>,  
											<a href="blog-detail-2.html" class="be-post-tag">Interactiob design</a>
										</span>
									</div>
	                            </div>
                        </div>
                        <div class="pagination">
                        	
                        </div>
                    </div>

					<div class="be-vidget">
						<h3 class="letf-menu-article">
							Archive
						</h3>
                        <div class="accordion style-1">
                            <div class="acc-panel">
                                <div class="acc-title">2015</div>
                                <div class="acc-body">
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">January <span class="count">13</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">February <span class="count">225</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">March <span class="count">31</span></a></p>
                                </div>
                            </div>
                            <div class="acc-panel">
                                <div class="acc-title">2014</div>
                                <div class="acc-body">
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">January <span class="count">13</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">February <span class="count">225</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">March <span class="count">31</span></a></p>
                                </div>
                            </div>
                            <div class="acc-panel">
                                <div class="acc-title">2013</div>
                                <div class="acc-body">
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">January <span class="count">13</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">February <span class="count">225</span></a></p>
                                    <p><a class="archive-link clearfix" href="blog-detail-2.html">March <span class="count">31</span></a></p>
                                </div>
                            </div>                            
                        </div>						
					</div>

					<div class="be-vidget">
						<h3 class="letf-menu-article">
							Gallery
						</h3>
						<div class="gal-vidget">
							<div class="row row20">
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_1.jpg" alt=""></a>
								</div>
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_2.jpg" alt=""></a>
								</div>
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_3.jpg" alt=""></a>
								</div>
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_4.jpg" alt=""></a>
								</div>
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_5.jpg" alt=""></a>
								</div>
								<div class="col-xs-6">
									<a class="gal-vidget-link" href="blog-detail-2.html"><img class="img-responsive img-full" src="img/be_gal_6.jpg" alt=""></a>
								</div>																																												
							</div>
						</div>
					</div>					


				</div>
			</div>
		</div>
	</div>
	<!-- THE FOOTER -->
	<footer>
		<div class="footer_slider">
			<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="4" data-sm-slides="8" data-md-slides="14" data-lg-slides="19" data-add-slides="19">
	            <div class="swiper-wrapper">
	            	<div class="swiper-slide active" data-val="0">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">
	            	</div>
	            	<div class="swiper-slide" data-val="1">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">           		 
	            	</div>
	            	<div class="swiper-slide" data-val="2">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="3">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="4">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="5">
	            		 <img class="img-responsive img-full" src="img/f6.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="6">
	            		 <img class="img-responsive img-full" src="img/f7.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="7">
	            		 <img class="img-responsive img-full" src="img/f8.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="8">
	            		 <img class="img-responsive img-full" src="img/f9.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="9">
	            		 <img class="img-responsive img-full" src="img/f10.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="10">
	            		 <img class="img-responsive img-full" src="img/f11.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="11">
	            		 <img class="img-responsive img-full" src="img/f12.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="12">
	            		 <img class="img-responsive img-full" src="img/f13.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="13">
	            		 <img class="img-responsive img-full" src="img/f14.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="14">
	            		 <img class="img-responsive img-full" src="img/f15.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="15">
	            		 <img class="img-responsive img-full" src="img/f16.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="16">
	            		 <img class="img-responsive img-full" src="img/f17.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="17">
	            		 <img class="img-responsive img-full" src="img/f18.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="18">
	            		 <img class="img-responsive img-full" src="img/f19.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="19">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="20">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="21">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="22">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="23">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>	            		            		            		            		            	
	            </div>
	            <div class="pagination hidden"></div>
	        </div>
        </div>	
		<div class="footer-main">
			<div class="container-fluid custom-container">
				<div class="row">	
					<div class="col-md-3 col-xl-4">
						<div class="footer-block">
							<h1 class="footer-title">About Us</h1>
							<p>Vestibulum tincidunt, augue fermentum accumsan viverra, eros dui rutrum libero, nec imperdiet felis sem in augue luctus <a href="blog-detail-2.html">diam a porta</a> iaculis. Vivamus sit amet fermentum nisl. Duis id <a href="blog-detail-2.html">massa id purus</a> tristique varius a sit amet est. Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc.</p>
							<ul class="soc_buttons">
								<li><a href=""><i class="fa fa-facebook"></i></a></li>
								<li><a href=""><i class="fa fa-twitter"></i></a></li>
								<li><a href=""><i class="fa fa-google-plus"></i></a></li>
								<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
								<li><a href=""><i class="fa fa-instagram"></i></a></li>
								<li><a href=""><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-xl-2">
						<div class="footer-block">
							<h1 class="footer-title">Some Links</h1>
							<div class="row footer-list-footer">
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">About Us</a></li>
									<li><a href="blog-detail-2.html">Help</a></li>
									<li><a href="blog-detail-2.html">Contacts</a></li>
									<li><a href="blog-detail-2.html">Job</a></li>
									<li><a href="blog-detail-2.html">Projets</a></li>
								</ul></div>
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">New Works</a></li>
									<li><a href="blog-detail-2.html">Popular Authors</a></li>
									<li><a href="blog-detail-2.html">New Authors</a></li>
									<li><a href="blog-detail-2.html">Career</a></li>
									<li><a href="blog-detail-2.html">FAQ</a></li>
								</ul></div>
							</div>
						</div>
					</div>				
					<div class="col-md-3 galerry">
						<div class="footer-block">					
							<h1 class="footer-title">Recent Works</h1>
							<a href="blog-detail-2.html"><img src="img/g1.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g2.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g3.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g4.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g5.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g6.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g7.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g8.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g9.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g10.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g11.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g12.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-block">
							<h1 class="footer-title">Subscribe On Our News</h1>
							<form action="./" class="subscribe-form">
								<input type="text" placeholder="Yout Name" required>
								<div class="submit-block">
									<i class="fa fa-envelope-o"></i>
									<input type="submit" value="">
								</div>
							</form>
							<div class="soc-activity">
								<div class="soc_ico_triangle">
									<i class="fa fa-twitter"></i>
								</div>
								<div class="message-soc">
									<div class="date">16h ago</div>
									<a href="blog-detail-2.html" class="account">@faq</a> vestibulum accumsan est <a href="blog-detail-2.html" class="heshtag">blog-detail-2.htmlmalesuada</a> sem auctor, eu aliquet nisi ornare leo sit amet varius egestas.
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container-fluid custom-container">
				<div class="col-md-12 footer-end clearfix">
					<div class="left">
						<span class="copy">© 2015. All rights <a href="http://www.bootstrapmb.com/">Reserved</a>. <span class="white"><a href="blog-detail-2.html"> NRGNetwork</a></span></span>
						<span class="created">Created with LOVE by <span class="white"><a href="blog-detail-2.html"> NRGThemes</a></span></span>
					</div>
					<div class="right">
						<a class="btn color-7 size-2 hover-9">About Us</a>
						<a class="btn color-7 size-2 hover-9">Help</a>
						<a class="btn color-7 size-2 hover-9">Privacy Policy</a>
					</div>
				</div>			
			</div>
		</div>		
	</footer>

	<div class="be-fixed-filter"></div>
	
	<div class="large-popup login">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-8 col-md-push-2 col-lg-6 col-lg-push-3  large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Log in</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="email" required="" placeholder="Your email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="password" required="" placeholder="Password">
						</div>
						<div class="col-xs-6">
							<div class="be-checkbox">
							<label class="check-box">
								    <input class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Stay signed in
								</span>
							</div>
							
							<a href="blog-detail-2.html" class="link-large-popup">Forgot password?</a>
						</div>
						<div class="col-xs-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="large-popup register">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Register</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="First Name">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Last Name">
						</div>
						<div class="col-md-6">
							<div class="be-custom-select-block">
							<select name="" class="be-custom-select">
								<option value="" disabled selected>
									Country
								</option>
								<option value="">USA</option>
								<option value="">Canada</option>
								<option value="">England</option>
							</select>
							</div>
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Password">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Repeat Password">
						</div>
						<div class="col-md-12 be-date-block">
							<span class="large-popup-text">
								Date of birth
							</span>
							<div class="be-custom-select-block mounth">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Mounth
									</option>
									<option value="">January</option>	
									<option value="">February</option>	
									<option value="">March</option>	
									<option value="">April</option>	
									<option value="">May</option>	
									<option value="">June</option>	
									<option value="">July</option>	
									<option value="">August</option>	
									<option value="">September</option>	
									<option value="">October</option>	
									<option value="">November</option>	
									<option value="">December</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Day
									</option>
									<option value="">1</option>
									<option value="">2</option>
									<option value="">3</option>
									<option value="">4</option>
									<option value="">5</option>
									<option value="">6</option>
									<option value="">7</option>
									<option value="">8</option>
									<option value="">9</option>
									<option value="">10</option>
									<option value="">11</option>
									<option value="">12</option>
									<option value="">13</option>
									<option value="">14</option>
									<option value="">15</option>
									<option value="">16</option>
									<option value="">17</option>
									<option value="">18</option>
									<option value="">19</option>
									<option value="">20</option>
									<option value="">21</option>
									<option value="">22</option>
									<option value="">23</option>
									<option value="">24</option>
									<option value="">25</option>
									<option value="">26</option>
									<option value="">27</option>
									<option value="">28</option>
									<option value="">29</option>
									<option value="">30</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Year
									</option>
									<option value="">1996</option>
									<option value="">1997</option>
									<option value="">1998</option>
								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="be-checkbox">
								<label class="check-box">
								    <input class="checkbox-input" type="checkbox" required="" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									I have read and agree to the <a class="be-popup-terms" href="blog-detail-2.html">Terms of Use</a> and <a class="be-popup-terms" href="blog-detail-2.html">Privacy Policy</a>.
								</span>
							</div>
							<div class="be-checkbox">
								<label class="check-box">
								    <input class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Send me notifications
								</span>
							</div>
						</div>
						<div class="col-md-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- SCRIPTS	 -->
	<script src="script/jquery-2.1.4.min.js"></script>
	<script src="script/bootstrap.min.js"></script>
	<script src="script/idangerous.swiper.min.js"></script>
	<script src="script/isotope.pkgd.min.js"></script>
	<script src="script/jquery.viewportchecker.min.js"></script>		
	<script src="script/global.js"></script>	
	</body>
</html>